<template>
  <el-container class="h-100">
    <el-aside class="aside-menu" width="180px" style="background-color: #FFFFFF">
      <el-menu
        class="h-100"
        background-color="#FFFFFF"
        text-color="#333333"
        active-text-color="#1976D2"
        :default-active="active"
        @select="index => this.$router.push({name: index})"
      >
        <el-menu-item index="userstatistics">
          <svg-icon icon-class="renyuantongji"></svg-icon>
          <span slot="title">人员统计</span>
        </el-menu-item>
        <el-menu-item index="signtrajetory">
          <svg-icon icon-class="renyuanguiji"></svg-icon>
          <span slot="title">人员轨迹</span>
        </el-menu-item>
        <el-menu-item index="signmanager">
          <svg-icon icon-class="renyuanqiandao"></svg-icon>
          <span slot="title">人员签到</span>
        </el-menu-item>
        <el-menu-item index="thirdsurvey">
          <svg-icon icon-class="zuzhijigou"></svg-icon>
          <span slot="title">组织机构</span>
        </el-menu-item>
        <el-menu-item index="workunit">
          <svg-icon icon-class="zuoyedanwei"></svg-icon>
          <span slot="title">作业单位</span>
        </el-menu-item>
      </el-menu>
    </el-aside>
    <el-main class="p-0 h-100">
      <transition name="fade-transform" mode="out-in">
        <!-- <keep-alive> -->
          <router-view />
        <!-- </keep-alive> -->
      </transition>
    </el-main>
  </el-container>
</template>
<script>
export default {
  name: "usermanager",
  title: "人员设备",
  data() {
    return {};
  },
  computed: {
    active() {
      let arr = this.$route.fullPath.split('/')
      return arr[2]
    }
  }
};
</script>
<style lang='scss'>
  #user-container {
    > div {
      width: 100%;
    }
  }

</style>